<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/l-style.css" rel="stylesheet">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/pop_status.js"></script>
</head>
<body>
<div class="container">
    <div class="login-wrapper">
        <div class="auth-box">
            <div class="login-layout">
                <div class="p-login-logo">
                    <img src="../img/icon/p-login-logo.png" width="312" height="68">
                </div>

                <div class="auth-mes">
                    <div class="auth-input">
                        <span class="user-icon"></span>
                        <input type="text" class="login-input" name="name" placeholder="用户名">
                    </div>

                    <div class="auth-input" style="margin-top: 36px;">
                        <span class="user-pass"></span>
                        <input type="password" class="login-input" name="password" placeholder="密码">
                    </div>
                </div>

                <a class="forget-text" href="../f-pass.html">忘记密码?</a>

                <div class="whether-pass">
                    <span class="w-icon y-icon"></span>
                    <span class="wh-text">记住用户名和密码</span>
                </div>

                <button class="auth-btn">登&nbsp;录</button>
            </div>
        </div>

        <div class="l-copyright">Copyright @ 2001-2017 All right Reserved</div>
    </div>
</div>

<script type="text/javascript">
    $(function() {
        $('.w-icon').on('click', function() {
            $(this).toggleClass('y-icon');
        });

        $('.auth-btn').on('click', function() {
            var username = $.trim($('input[name="name"]').val());
            var password = $.trim($('input[name="password"]').val());

            if (username == '') {
                popStatus(2, '请输入用户名', 1,'', true);
                return;
            }

            if (password == '') {
                popStatus(2, '请输入密码', 1,'', true);
                return;
            }

            if (6 > password.length || password.length > 20) {
                popStatus(2, '密码长度要在6~20位之间', 1,'', true);
                return;
            }

        })
    })
</script>
</body>
</html>